<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>随手快递</title>
    <link rel="stylesheet" type="text/css" href="../../AUI/css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../font-awesome/css/font-awesome.min.css" />
    <style type="text/css">
        .user-info {
            background-color: #ffffff;
            padding: 0.75rem 0;
        }
        img.avatar {
            display: block;
            margin: 0 auto;
            width: 20%;
        }
        .aui-list .aui-list-header {
            background-color: #ffffff;
            line-height: 1.2rem;
        }
        .sure{
            width: 45px;
            height: 25px;
            background: #27AA9E;
            border: 1px solid #27AA9E;
            color: #fff;
            font-size: 13px;
            text-align: center;
            top:10px;
            margin-right: -4px;
        }
        .sure2{
            margin-top:-3px;
            margin-left: -3px;
        }
    </style>
</head>
<body style="font-family: 微软雅黑">
<header class="aui-bar aui-bar-nav" id="aui-header" >
    <a class="aui-btn aui-pull-left" tapmode onclick="history.back();">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">添加好友</div>
</header>

<div class="aui-searchbar" id="search"style="margin-top: 45px">
    <div class="aui-searchbar-input aui-border-radius" tapmode >
        <i class="aui-iconfont aui-icon-search"></i>
        <form action="javascript:search();">
            <input type="search" placeholder="用户手机号" id="search-input">
        </form>
    </div>
    <div class="ser" onclick="location.href='newfInfo.html'">添加</div>
</div>
<!-- <section class="aui-content" >
   <div class="aui-card-list">
       <div class="aui-card-list-content-padded">
           该用户不存在
       </div>
   </div>
</section> -->
            <div class="aui-card-list" style="margin-top:15px" id="addList">
               
               <!--  <div class="aui-card-list-header aui-card-list-user aui-border-b">
                    <div class="aui-card-list-user-avatar">
                        <img src="../../myImage/3.jpg" class="aui-img-round">
                    </div>
                    <div class="aui-card-list-user-name">
                        <div class="aui-text-info" style="color:#525252 !important;">大大</div>
                        <div class="aui-font-size-14 text-light"><button class="sure"><div class="sure2">接受</div></button></div>
                    </div>
                    <div class="aui-card-list-user-info text-light">请求添加为好友</div>
                </div> -->
                
            </div>
</body>
<script type="text/javascript" src="../../AUI/script/api.js" ></script>
<script src="../../myJs/jquery.js"></script>
<script src="../../myJs/jquery.cookie.js"></script>
<script type="text/javascript" src="../../myJs/index.js" ></script>
<script type="text/javascript">
    apiready = function(){
        api.parseTapmode();
    }
    
    var data = {
            "code": 200,
            "msg": [
               {
                    "userId": "1",
                    "headPortraitUrl": "../../myImage/1.jpeg",
                    "nickname": "summy",
                    "comment": "尝试了一下随手快递！！！真的懒人必备！！！",
                    "time": "2分钟",
                    "share": "1",
                    "chat": "1",
                    "good":"2",
                    "img":["../../myImage/g1.jpg"]
                },{
                    "userId": "2",
                    "headPortraitUrl": "../../myImage/16.jpg",
                    "nickname": "旧事不挽",
                    "comment": "进口小零食好好次",
                    "time": "5分钟",
                    "share": "5",
                    "chat": "7",
                    "good":"10",
                    "img":["../../myImage/22.jpg","../../myImage/21.jpg","../../myImage/22.jpg"]
                },{
                    "userId": "3",
                    "headPortraitUrl": "../../myImage/5.png",
                    "nickname": "我爱吃小饼干",
                    "comment": "和一个小姐姐好有缘！刚去超市就看到有人想买我最爱吃的饼干，然后我们巴拉巴拉聊了一堆hhhhh~",
                    "time": "13分钟",
                    "share": "3",
                    "chat": "2",
                    "good":"12",
                    "img":["../../myImage/23.jpg"]
                },{
                    "userId": "4",
                    "headPortraitUrl": "../../myImage/6.jpg",
                    "nickname": "不将就",
                    "comment": "粉色少女心",
                    "time": "30分钟",
                    "share": "10",
                    "chat": "22",
                    "good":"29",
                    "img":["../../myImage/24.jpg"]
                },{
                    "userId": "5",
                    "headPortraitUrl": "../../myImage/7.jpg",
                    "nickname": "怪她动情的脸",
                    "comment": "最近几天飞意大利，有没有要代购的？？",
                    "time": "33分钟",
                    "share": "6",
                    "chat": "20",
                    "good":"44",
                    "img":["../../myImage/35.jpg","../../myImage/37.jpg","../../myImage/36.jpg","../../myImage/32.jpg","../../myImage/31.jpg","../../myImage/30.jpg"]
                },{
                    "userId": "6",
                    "headPortraitUrl": "../../myImage/12.jpg",
                    "nickname": "撩.",
                    "comment": "进行中",
                    "time": "41分钟",
                    "share": "9",
                    "chat": "31",
                    "good":"87",
                    "img":["../../myImage/24.jpg"]
                },{
                    "userId": "7",
                    "headPortraitUrl": "../../myImage/13.jpg",
                    "nickname": "予我温酒几杯",
                    "comment": "进行中",
                    "time": "42分钟",
                    "share": "18",
                    "chat": "32",
                    "good":"88",
                    "img":["../../myImage/24.jpg"]
                },{
                    "userId": "8",
                    "headPortraitUrl": "../../myImage/14.jpg",
                    "nickname": "HHHHHHm",
                    "comment": "进行中",
                    "time": "49分钟",
                    "share": "7",
                    "chat": "36",
                    "good":"96",
                    "img":["../../myImage/24.jpg"]
                },{
                    "userId": "9",
                    "headPortraitUrl": "../../myImage/15.jpg",
                    "nickname": "橙子",
                    "comment": "进行中",
                    "time": "58分钟",
                    "share": "30",
                    "chat": "55",
                    "good":"184",
                    "img":["../../myImage/24.jpg"]
                },{
                    "userId": "10",
                    "headPortraitUrl": "../../myImage/16.jpg",
                    "nickname": "Ada",
                    "comment": "进行中",
                    "time": "1小时",
                    "share": "41",
                    "chat": "68",
                    "good":"228",
                    "img":["../../myImage/24.jpg"]
                },{
                    "userId": "11",
                    "headPortraitUrl": "../../myImage/17.jpg",
                    "nickname": "执妄",
                    "comment": "进行中",
                    "time": "1小时20分钟",
                    "share": "6",
                    "chat": "21",
                    "good":"77",
                    "img":["../../myImage/24.jpg"]
                },{
                    "userId": "12",
                    "headPortraitUrl": "../../myImage/18.jpg",
                    "nickname": "半梦半醒。",
                    "comment": "进行中",
                    "time": "1小时42分钟",
                    "share": "58",
                    "chat": "68",
                    "good":"119",
                    "img":["../../myImage/24.jpg"]
                },{
                    "userId": "13",
                    "headPortraitUrl": "../../myImage/19.jpg",
                    "nickname": "杞暖",
                    "comment": "进行中",
                    "time": "2小时",
                    "share": "25",
                    "chat": "56",
                    "good":"163",
                    "img":["../../myImage/24.jpg"]
                },{
                    "userId": "14",
                    "headPortraitUrl": "../../myImage/20.jpg",
                    "nickname": "素子花开",
                    "comment": "进行中",
                    "time": "2小时",
                    "share": "9",
                    "chat": "178",
                    "good":"276",
                    "img":["../../myImage/24.jpg"]
                }

            ]

        }
        $(function(){
            addFriend(data);
        });
 function addFriend(data){
    	$.each(data.msg,function(num,data){
    		$("#addList").append(' <div class="aui-card-list-header aui-card-list-user aui-border-b">\
                    <div class="aui-card-list-user-avatar">\
                        <img src="'+data.headPortraitUrl+'" class="aui-img-round">\
                    </div>\
                    <div class="aui-card-list-user-name">\
                        <div class="aui-text-info" style="color:#525252 !important;">'+data.nickname+'</div>\
                        <div class="aui-font-size-14 text-light" style="top:10px;color: #7c7c7c">已接受</div>\
                    </div>\
                    <div class="aui-card-list-user-info text-light">请求添加为好友</div>\
                </div>');
    	})
    }
</script>
</html>